.flex {
    flex: 1
}

.fx {
    display: flex;
}

.fxv {
    flex-direction: column;
}

.fx-vc {
    align-items: center;
}

.fx-hc {
    justify-content: center;
}

.fx-end {
    justify-content: flex-end;
}

.fx-center {
    display: flex !important;
    align-items: center;
    justify-content: center;
}


.fxj-start {
    display: flex !important;
    align-items: center;
    justify-content: start;
}


.fxj-end {
    display: flex !important;
    align-items: center;
    justify-content: flex-end;
}

.fx-start {
    display: flex !important;
    align-items: start;
    justify-content: center;
}

.fx-end {
    display: flex !important;
    align-items: start;
    justify-content: center;
}

.fx-around {
    justify-content: space-around;
}

.fxc-between {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
}

.fx-between {
    justify-content: space-between;
}


.fxv-center {
    display: flex !important;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}


.fxv-start {
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: center;
}

.fjv-start {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: start;
}